<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button type="button" onclick="test()">替换内容</button>
   
    <div id="outer"><h1>一级标题</h1></div>

    <script>
        //1. 根据id来获取div对象
        let div = document.getElementById("outer");//返回的是单个对象
        //获取
        //2. 对象.属性来访问标签的属性
        //块元素隐藏属性 - innerHTML/innerText
        //innerHTML - 包括html标签以及文本
        console.log(div.innerHTML);

        //仅仅获取的是标签体中的文本数据
        console.log(div.innerText);

        //设置
        function test(){
            div.innerText="<h6>六级标题</h6>"
        }
    </script>
</body>
</html>